Skip to main content

Label Widget

A lightweight re-implementation of the classic ThingWorx Label widget.

Usage

Properties

PropertyTypeBindingDefaultDescription
CustomClassSTRING<>Enables you to define an html class to the top div of the widget. Multiple classes can be entered, separated by space
TemplateLIST<Template 1This will be the template used for the widget styling
TextANY(localized)<LabelText to be used
FormatSTRING(localized)<see Formatting
GlobalPropertiesJSON<A serialized JSON object that has global parameter names as its keys and data types as values. These are properties can be referenced when using expression formatting
TooltipSTRING(localized)<Optional tooltip used to display additional information. see Tooltip
TooltipAnchorSTRINGWidgetIf the tooltip should appear next to the Widget, or next to the cursor.
TooltipFormatSTRING(localized)<see Formatting
TooltipTypeLIST<TextThe widget tooltip type
TooltipMashupMASHUPNAME<Mashup to be used as a tooltip when TooltipType is set as Mashup
TooltipWidthNUMBERWidth of the tooltip. It won't be bigger than the Max-width set in the GlobalStyles for the Tooltip
TooltipHeightNUMBERHeight of the tooltip. Can only be set if TooltipType is set as HTML, Markdown or Mashup
RenderTypeLISTPlain TextHow the text in the label should be rendered Mashup
EllipsisBOOLEANFALSEIf ellipsis is TRUE the text doesn't fit within the label, it will truncate with ... at the end of the line and the text will be forced on one line and it will ellipsis at the end of the available space
IconURISTRING<FALSEURI describing the icon that's going to be used. Either a HTTP link or a reference to an icon in an icon font can be used.

Expression Format context

When using Expression Format, other relevant fields can also be referenced.

value: STRING | NUMBER | DATETIME - The label value

globalCtx: TWJSON - Any TWX value declared on the widget Global Properties and that has a value bound.

ctx: { data: INFOTABLE (entire dataset); row: INFOTABLE row } - If the value is bound from an INFOTABLE, the label can access the entire dataset and the current row.